<script lang="ts" setup>
import { useLocale } from '@/locale/locale';

const { t } = useLocale();

defineProps<{
  cancellationPolicy: string;
}>();
</script>

<template>
  <apt-section :title="t('LHTKey_bookingRequiredRead')" custom-style="margin-bottom: 20rpx">
    <!-- 入离时间 -->
    <view class="mb-2 text-lg text-primary font-medium">
      {{ t('LHTKey_bookingNotes') }}
    </view>
    <view class="mb-4 text-base text-primary">
      {{ t('LHTKey_bookingTime') }}
    </view>
    <!-- 宠物 -->
    <view class="mb-2 text-lg text-primary font-medium">
      {{ t('LHTKey_bookingPets') }}
    </view>
    <view class="mb-4 text-base text-primary">
      {{ t('LHTKey_bookingNoPets') }}
    </view>
    <!-- 吸烟政策 -->
    <view class="mb-2 text-lg text-primary font-medium">
      {{ t('LHTKey_bookingSmoking') }}
    </view>
    <view class="mb-4 text-base text-primary">
      {{ t('LHTKey_bookingNoSmoking') }}
    </view>
    <!-- 派对 -->
    <view class="mb-2 text-lg text-primary font-medium">
      {{ t('LHTKey_bookingParties') }}
    </view>
    <view class="mb-4 text-base text-primary">
      {{ t('LHTKey_bookingNoParties') }}
    </view>
    <!-- 安静时间 -->
    <view class="mb-2 text-lg text-primary font-medium">
      {{ t('LHTKey_bookingQuiet') }}
    </view>
    <view class="mb-4 text-base text-primary">
      {{ t('LHTKey_bookingQuietTime') }}
    </view>
  </apt-section>
</template>
